<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接练习</title>
</head>
<body>
    <a href="p2.html">点我跳转至今日的第2个页面</a>
    <a href="p5.html">点我跳转至今日的第5个页面</a>
    <hr>
    <a href="https://www.baidu.com/">百度一下</a>
    <a href="https://www.tmooc.cn/">达内一下</a>
    <hr>
    <!--图片超链接-->
    <a href="https://www.tmooc.cn/course/304682.shtml">
        <img src="../1.png" width="200px">
    </a>
    <hr>
    <!-- 页面打开方式:_self刷新当前页 _blank打开新的空白页  -->
    <a href="https://www.baidu.com/" target="_self">百度1</a>
    <a href="https://www.baidu.com/" target="_blank">百度2</a>
    <hr>
    <h1>西游记</h1>
    <a href="#c1">快速跳转至第1章</a>
    <a href="#c2">快速跳转至第2章</a>
    <a href="#c3">快速跳转至第3章</a>
    <a href="#c4">快速跳转至第4章</a>
    <h3 id="c1">第一章 石猴出世</h3>
    <!--    p*30>lorem-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A dignissimos doloremque fugiat itaque libero nisi odit
        optio placeat quae quasi quo, recusandae repellendus sequi sunt tempora temporibus vero vitae, voluptatum.</p>
    <p>Consectetur et harum nam nemo obcaecati voluptatibus. Accusamus adipisci aliquid delectus dolorum eius et
        exercitationem libero minima modi officia pariatur perspiciatis quaerat quis reiciendis, sed sequi sunt
        temporibus totam vero.</p>
    <p>Aliquid at blanditiis, earum ipsa magnam qui repellendus sequi sunt. Animi architecto, culpa debitis distinctio
        dolores earum enim eveniet excepturi, fuga itaque modi mollitia nemo nesciunt pariatur quaerat, rem
        voluptatibus.</p>
    <p>Autem deserunt distinctio enim harum ipsum natus, placeat suscipit tempora voluptatum. Animi, consectetur
        cupiditate ducimus eos excepturi expedita explicabo fuga ipsa maiores necessitatibus nisi officiis quas quos
        reiciendis, sunt tempore!</p>
    <p>Dolore est hic ipsum maiores velit! Ad adipisci aperiam, cumque dolore, esse est excepturi iusto nobis nostrum,
        quaerat quisquam quod quos tenetur veniam voluptatem. Enim necessitatibus nemo numquam quos voluptates.</p>
    <p>At atque consectetur consequuntur cum dolorem esse fuga harum id illo impedit in itaque iure minus natus
        necessitatibus nemo perferendis quam quibusdam repellat, repellendus sunt temporibus velit vero. Exercitationem,
        voluptatem!</p>
    <p>Ad adipisci aspernatur assumenda, aut ducimus eaque error fuga id inventore iste libero odio optio, sapiente sint
        suscipit? Aut autem consequatur consequuntur cumque eveniet ipsam nemo, quibusdam quos suscipit tempora!</p>
    <p>Aliquam animi beatae deleniti doloremque doloribus earum eius enim est eveniet expedita hic illo in ipsum iusto
        nam nihil numquam odit quam, repudiandae saepe similique suscipit tempore totam ut velit.</p>
    <p>Adipisci inventore nihil non odit quisquam reprehenderit repudiandae vitae? Cumque distinctio expedita iusto
        mollitia numquam quia quibusdam sed? Est eveniet, facilis harum necessitatibus odit perspiciatis qui saepe
        sequi? Ducimus, neque!</p>
    <p>At blanditiis consectetur cupiditate, deserunt distinctio dolorum enim esse, laboriosam molestiae nihil odit,
        pariatur quisquam rem repudiandae sequi ullam veniam voluptatum. A asperiores at aut deleniti minus nam quasi
        ratione.</p>
    <p>Aliquam animi assumenda commodi, debitis deserunt eius ipsam quam sapiente sed voluptatibus? Dolorem esse
        expedita inventore minima modi nemo quasi ratione repellendus sapiente tenetur, voluptas voluptate voluptatem
        voluptates. Commodi, maxime!</p>
    <p>Accusamus animi consequuntur dolorem dolorum minus quisquam tenetur totam veritatis. Beatae consequatur culpa
        dolore dolores obcaecati quas quisquam vel? Commodi doloribus eaque in libero, mollitia nemo nesciunt nihil
        placeat velit.</p>
    <p>Consectetur deserunt distinctio doloremque iure molestias nemo nostrum quam recusandae soluta ullam? Accusantium,
        cum doloremque eos, eum excepturi facilis fuga iure laborum laudantium modi nulla, quae quam quo quod
        repellendus!</p>
    <p>Ad amet aperiam assumenda aut dignissimos ducimus et expedita impedit ipsum iste, mollitia natus nostrum numquam
        odit optio quam qui quidem rem suscipit voluptatibus? Atque culpa fugit obcaecati odit quibusdam?</p>
    <p>Cumque cupiditate dicta dignissimos ex fugit incidunt necessitatibus, neque nulla omnis optio quod ratione unde
        voluptate? Illum nulla quae quaerat recusandae ullam? Consequuntur cumque ea minus nam nihil unde voluptas!</p>
    <p>Ab amet aperiam ducimus ea id, itaque, nostrum perspiciatis possimus rem tempore tenetur veritatis. A ab
        asperiores aut autem consectetur cumque, delectus excepturi expedita ipsam minima nostrum nulla perferendis
        praesentium.</p>
    <p>Accusantium aspernatur beatae culpa deleniti et, fuga fugiat iusto magni molestias mollitia nam natus neque
        nesciunt odit pariatur possimus provident quaerat qui quibusdam quis, quos soluta tenetur ullam voluptas
        voluptatum?</p>
    <p>Cumque ea earum facilis in inventore modi nihil porro quidem rem, ullam. Cupiditate debitis dignissimos ea eius
        eveniet qui quis quisquam quo velit! Blanditiis ducimus est mollitia, odio perferendis reprehenderit.</p>
    <p>Ad autem explicabo ipsam itaque mollitia quo voluptates. Asperiores eos illo ipsam laborum quibusdam, veritatis.
        Adipisci aut cumque deserunt fugit minima. Accusantium aperiam corporis exercitationem iure necessitatibus nobis
        totam ullam!</p>
    <p>Amet debitis inventore recusandae sint vel voluptate? Atque cupiditate ea fuga iste minus nisi optio quisquam
        quos ullam voluptate? Asperiores atque doloribus expedita illum iste perferendis quae quaerat sit totam!</p>
    <p>Amet consequuntur cum deleniti dolor eos esse eveniet id labore minima, odio, odit, perferendis placeat quidem
        totam ut. Alias atque dolorum eum expedita harum ipsum quos soluta! Eos, id recusandae.</p>
    <p>Alias aspernatur aut consequatur, cumque doloribus id iste neque nobis, quaerat reiciendis sed voluptatum.
        Accusamus adipisci amet earum expedita fuga incidunt iusto nisi quia quisquam recusandae, rerum sunt suscipit
        velit.</p>
    <p>Aliquam aliquid blanditiis debitis eligendi magnam nulla perspiciatis possimus quae quas quia quo ratione
        recusandae rem, repudiandae sed sint sit! Accusantium blanditiis ipsam voluptatum. Cumque delectus deserunt hic
        perspiciatis quaerat?</p>
    <p>A architecto consectetur, dolorum est impedit iste iure sunt? Accusantium alias atque aut consectetur debitis
        dignissimos distinctio necessitatibus, perferendis quidem sapiente. Asperiores distinctio dolore exercitationem
        fugit necessitatibus perferendis sed totam!</p>
    <p>Ab commodi error eveniet facere hic illum laborum natus omnis, pariatur quasi sequi temporibus voluptatem! Animi
        corporis ducimus excepturi expedita fugit illum, iusto nemo omnis quisquam rem saepe sunt vel.</p>
    <p>Accusantium, amet asperiores consequatur consequuntur debitis earum eius eos eveniet explicabo fugiat ipsa optio
        quo sint sunt vitae. Cupiditate dolor ea exercitationem id maiores molestias natus nemo quasi sint
        veritatis!</p>
    <p>Asperiores, beatae commodi eos fugit in labore porro voluptatibus. Accusantium cumque explicabo fuga placeat
        rerum voluptates. Deserunt dolor dolorem eius excepturi expedita maxime, natus nemo quo sit unde. Odio,
        sint?</p>
    <p>Aperiam distinctio enim facere illum ipsa iste mollitia possimus quae recusandae veritatis? Distinctio, dolore
        enim illo laboriosam maiores molestiae nemo odio voluptatibus! At, doloremque error incidunt nostrum odit saepe
        totam?</p>
    <p>Adipisci alias atque cum doloribus est ex excepturi exercitationem, explicabo facere ipsa itaque laboriosam
        mollitia neque odit officia possimus quasi ratione repudiandae rerum sed sint sit soluta vero vitae
        voluptatum?</p>
    <p>Animi asperiores corporis culpa deserunt dignissimos distinctio dolore ea eius excepturi hic ipsam libero non
        nostrum numquam officiis optio, qui quo ratione sed sequi suscipit ut voluptas? Illo nobis, repellat.</p>
    <a href="#">回顶部</a>
</body>
</html>